{% extends "template_base.html" %}
{% block title %}DeepyWeb - please wait a moment{% endblock %}


{% block navbar %}
<nav id="navbar" class="navbar">
    <ul>
        <!--<li><a class="nav-link scrollto active " href="#header">Home</a></li>-->
        <li><a class="nav-link scrollto" href="/">主 页</a></li>
        {% if not logged %}
        <li><a class="getstarted scrollto" href="login">登 录</a></li>
        {% else %}
        <li><a class="getstarted scrollto" href="logout">登 出</a></li>
        {% endif %}

    </ul>
    <i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
{% endblock %}

{% block main %}
<main id="main">
    <script type="text/javascript">
        var s = document.getElementById('timer_message');
        var time = 3; //时间,秒            　　　　　　　　
        function Redirect() {
            window.location = "http://127.0.0.1:5000/queryResult";
        }

        var i = 0;

        function dis() {
            s.innerHTML = (time - i) + "seconds before jump to query";
            i++;
        }

        timer = setInterval('dis()', 1000); //显示时间            　　　　　　　　
        timer = setTimeout('Redirect()', time * 1000); //跳转
    </script>

    <!-- ======= Breadcrumbs ======= -->
    <section class="breadcrumbs">
        <div class="container">
            <h2>Please Wait A Moment</h2>
        </div>
    </section>
    <!-- End Breadcrumbs -->

    <section class="inner-page">
        <div class="container">

            <!-- Outer Row -->
            <div class="register-form">
                <div class="col-xl-10 col-lg-12 col-md-9" style="margin: 0 auto">
                    <div class="card o-hidden border-0 shadow-lg my-5">
                        <div class="card-body p-0">
                            <!-- Nested Row within Card Body -->
                            <div class="row">
                                <div class="p-5">
                                    <div class="text-center" style="text-align: center">
                                        <h2>任 务 成 功 提 交！</h2>
                                        <br>
                                        <h3>正 在 训 练 您 的 模 型，请 耐 心 等 待！</h3>
                                        <img src="/static/assets/img/loading.gif" style="width: 30%;">
                                    </div>
                                    <br>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<!-- End #main -->
{% endblock %}
